<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 引入重置样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 自定义重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页的样式 -->
		<link rel="stylesheet" href="../css/API.css" />
	</head>

	<body>
		<!-- 首页头部 -->
		<div class="head">
			<header class="dflex dflex-c f-between">
				<h1>
					<a href="#">源码大数据</a>
				</h1>
				<ul class="cf">
					<li>首页</li>
					<li class="on">API</li>
					<li>云服务</li>
					<li>开发者</li>
					<li>数据</li>
				</ul>
				<div>
					<span class="btn1"> 登录 </span>
					<span class="btn2"> 注册有礼 </span>
				</div>
			</header>
		</div>
		<!-- 内容部分 -->
		<main>
			<!-- 站位符 -->
			<div class="null"></div>
			<!-- api分类部分 -->
			<section id="APICate" class="container">
				<h2>API分类</h2>
				<ul class="dflex">
					<!-- <li class="on">全部</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li>
                <li>生活服务</li> -->
				</ul>
				<div class="API-serch">
					<strong>全部</strong
					><input type="search" name="cate" placeholder="身份证实名" />
					<img src="../imgs/magnifier.png" alt="" />
				</div>
			</section>
			<!-- 类容区域 -->
			<section id="APIcontent" class="container">
				<ul class="dflex list"></ul>
				<ul class="sorter cf">
					<!-- <li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li> -->
				</ul>
			</section>

		<footer class="container">
			<section>
				<div>
					<dl>
						<dt>练习与支持</dt>
						<dd>400-882-7715</dd>
						<dd>售前咨询</dd>
						<dd>客服&售后</dd>
						<dd>常见问题</dd>
						<dd>极速工单</dd>
						<dd>投诉与建议</dd>
					</dl>
					<dl>
						<dt>练习与支持</dt>
						<dd>400-882-7715</dd>
						<dd>售前咨询</dd>
						<dd>客服&售后</dd>
						<dd>常见问题</dd>
						<dd>极速工单</dd>
						<dd>投诉与建议</dd>
					</dl>
					<dl>
						<dt>练习与支持</dt>
						<dd>400-882-7715</dd>
						<dd>售前咨询</dd>
						<dd>客服&售后</dd>
						<dd>常见问题</dd>
						<dd>极速工单</dd>
						<dd>投诉与建议</dd>
					</dl>
					<dl>
						<dt>练习与支持</dt>
						<dd>400-882-7715</dd>
						<dd>售前咨询</dd>
						<dd>客服&售后</dd>
						<dd>常见问题</dd>
						<dd>极速工单</dd>
						<dd>投诉与建议</dd>
					</dl>
					<dl>
						<dt>练习与支持</dt>
						<dd>400-882-7715</dd>
						<dd>售前咨询</dd>
						<dd>客服&售后</dd>
						<dd>常见问题</dd>
						<dd>极速工单</dd>
						<dd>投诉与建议</dd>
					</dl>
				</div>
				<div>
					<dl>
						<dt>微信公众号</dt>
						<dd>源码时代</dd>
						<dd><img src="../imgs/wechat-white.png" alt="" width="100" /></dd>
					</dl>
				</div>
			</section>
			<section>
				<p>
					<img src="../imgs/bei1.png" alt="" />
					<img src="../imgs/bei2.png" alt="" />
					增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</p>
				<p>源码大数据股份有限公司©版权所有</p>
			</section>
			<span id="btn"></span>
		</footer>
		<div class="masck"> 
			<div class="modol">
				<img src="../imgs/loginlogo.png" alt="">
				<ul>
					<li class="on">账号登录</li>
					<li>扫码登录</li>
				</ul>
				<form action="#">
					<p>
						<input type="text" placeholder="用户名/手机号/邮箱">
					</p>
					<p>
						<input type="text" placeholder="密码">
					</p>
					<span>忘记密码</span>
					<p>
						<button>登录</button>
					</p>
				</form>
				<p>还没有源码账号，<a href="#">立即注册</a></p>
			</div>
		</div>
		<!-- 引入工具js -->
		<script src="../js/util.js"></script>
		<!-- 引入当前页的js -->
		<script src="../js/API.js"></script>
	</body>
</html>
